import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false
// 注册全局自定义指令
/*
Vue.directive("focus", {
    bind(element, biding) {
        //只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。
    },
    inserted(element, binding) {
        // 被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)
        element.focus()
    },
    update(element, biding) {
        // 所在组件的 VNode 更新时调用
    },
    componentUpdated() {
        // 令所在组件的 VNode 及其子 VNode 全部更新后调用。
    },
    unbind() {
        // 只调用一次，指令与元素解绑时调用。
    }
})*/
Vue.directive("color", {
    inserted(el, binding) {
        el.style.color = binding.value
    },
    update(el, binding) {
        el.style.color = binding.value
    }
})
new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')

